<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" type="text/css" href="../common/css/normalize.css">
    <link rel="stylesheet" href="../common/css/public.css">
    <link rel="stylesheet" href="../common/css/city-common.css">
    <link rel="stylesheet" href="../css/city/pasture.css">
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script src="../common/js/tab.js"></script>
    <script src="../common/js/baidu.js"></script>
    <title>牧场</title>
</head>

<body>
    <div class="main">
        <div class="city-logo fl"></div>
        <div class="city-content fl">
            <div class="title">
                <div class="item mypet mypet-click"></div>
                <div class="item trusteeship"></div>
            </div>
            <div class="screen1">
                <div class="all-item clearfix">
                    <div class="trusteeship-pet city-component fl">
                        <div class="title-logo"></div>
                        <div class="prop-list">
                            <ul>
                                <li class="titles clearfix">
                                    <span class="name title-item">名称</span>
                                    <span class="five title-item">五行</span>
                                    <span class="rank title-item">等级</span>
                                </li>
                                <li class="prop-item">
                                    <span class="name">
                                        <img src="../images/pasture/mc05.gif" alt=""> 小玄武
                                    </span>
                                    <span class="five">
                                        水
                                    </span>
                                    <span class="rank">
                                        LV:100
                                    </span>
                                </li>
                                <li class="prop-item">
                                    <span class="name">
                                        <img src="../images/pasture/mc05.gif" alt=""> 小玄武
                                    </span>
                                    <span class="five">
                                        水
                                    </span>
                                    <span class="rank">
                                        LV:100
                                    </span>
                                </li>
                                <li class="prop-item">
                                    <span class="name">
                                        <img src="../images/pasture/mc05.gif" alt=""> 小玄武
                                    </span>
                                    <span class="five">
                                        水
                                    </span>
                                    <span class="rank">
                                        LV:100
                                    </span>
                                </li>
                                <li class="prop-item">
                                    <span class="name">
                                        <img src="../images/pasture/mc05.gif" alt=""> 小玄武
                                    </span>
                                    <span class="five">
                                        水
                                    </span>
                                    <span class="rank">
                                        LV:100
                                    </span>
                                </li>
                                <li class="prop-item">
                                    <span class="name">
                                        <img src="../images/pasture/mc05.gif" alt=""> 小玄武
                                    </span>
                                    <span class="five">
                                        水
                                    </span>
                                    <span class="rank">
                                        LV:100
                                    </span>
                                </li>
                                <li class="prop-item">
                                    <span class="name">
                                        <img src="../images/pasture/mc05.gif" alt=""> 小玄武
                                    </span>
                                    <span class="five">
                                        水
                                    </span>
                                    <span class="rank">
                                        LV:100
                                    </span>
                                </li>
                                <li class="prop-item">
                                    <span class="name">
                                        <img src="../images/pasture/mc05.gif" alt=""> 小玄武
                                    </span>
                                    <span class="five">
                                        水
                                    </span>
                                    <span class="rank">
                                        LV:100
                                    </span>
                                </li>
                                <li class="prop-item">
                                    <span class="name">
                                        <img src="../images/pasture/mc05.gif" alt=""> 小玄武
                                    </span>
                                    <span class="five">
                                        水
                                    </span>
                                    <span class="rank">
                                        LV:100
                                    </span>
                                </li>
                                <li class="prop-item">
                                    <span class="name">
                                        <img src="../images/pasture/mc05.gif" alt=""> 小玄武
                                    </span>
                                    <span class="five">
                                        水
                                    </span>
                                    <span class="rank">
                                        LV:100
                                    </span>
                                </li>
                                <li class="prop-item">
                                    <span class="name">
                                        <img src="../images/pasture/mc05.gif" alt=""> 小玄武
                                    </span>
                                    <span class="five">
                                        水
                                    </span>
                                    <span class="rank">
                                        LV:100
                                    </span>
                                </li>
                                <li class="prop-item">
                                    <span class="name">
                                        <img src="../images/pasture/mc05.gif" alt=""> 小玄武
                                    </span>
                                    <span class="five">
                                        水
                                    </span>
                                    <span class="rank">
                                        LV:100
                                    </span>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="my-pet city-component fl">
                        <div class="title-logo"></div>
                        <div class="prop-list">
                            <div class="arrow-list">
                                <span class="arrow"></span>
                                <span class="arrow"></span>
                                <span class="arrow click"></span>
                            </div>
                            <div class="pet-list">
                                <img src="../images/pasture/k116.gif">
                                <img src="../images/pasture/k116.gif">
                                <img src="../images/pasture/k116.gif">
                            </div>
                            <div class="explain">
                                <div class="explain-title">说明:</div>
                                <div class="explain-item">1）设置主战宠物后，该宠物可获得装备道具、以及 获得任务经验、道具使用效果等。</div>
                                <div class="explain-item">2）主战宠物无法寄养，请设置其他宠物后再寄养 。</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="bottom1">
                    <div class="left fl">
                        <div class="info fl">
                            牧场宠物数量:
                            <span class="pet-num">10/30</span>
                        </div>
                        <img src="../images/pasture/mainpet.png">
                        <img src="../images/pasture/send.png">
                        <img src="../images/pasture/get.png">
                        <img src="../images/pasture/abandon.png">
                    </div>
                    <div class="right fl">
                        <img src="../images/pasture/add02.gif">
                    </div>
                </div>
            </div>
            <div class="screen2 none">
                <div class="trusteeship-info">
                    <p>
                        托管开启时间为：全天，托管后会扣除玩家托管时间在托管期间勿取回宠物，否则需要再消耗托管时间进行托管(只有放置在牧场且等级到达1级以上的宠物才可以托管)。 新手修炼成长必须大于1成长， 冒险修炼成长必须大于60成长。
                    </p>
                    <div>经验：获得大量的经验，一个经验修炼券可以托管一小时。</div>
                    <div>新手修炼：获得少量成长，一个成长修炼券+550水晶可以托管一小时。</div>
                    <div>冒险修炼：获得中量成长，两个成长修炼券+1400水晶可以托管一小时。</div>
                    <form id="trusteeship" action="#" method="POST">
                        <label>托管宠物：</label>
                        <select name="pet" id="pet">
                            <option value="test">可托管宠物</option>
                            <option value="test">小玄武</option>
                            <option value="test">小玄武</option>
                            <option value="test">小玄武</option>
                            <option value="test">小玄武</option>
                            <option value="test">小玄武</option>
                            <option value="test">小玄武</option>
                            <option value="test">小玄武</option>
                            <option value="test">小玄武</option>
                            <option value="test">小玄武</option>
                            <option value="test">小玄武</option>
                        </select>
                        <label>托管时间：</label>
                        <select name="time" id="time">
                            <option value="test">1小时</option>
                            <option value="test">2小时</option>
                            <option value="test">3小时</option>
                            <option value="test">4小时</option>
                            <option value="test">5小时</option>
                        </select>
                        <label>托管内容：</label>
                        <select name="content" id="content">
                            <option value="test">经验</option>
                            <option value="test">新手修炼</option>
                            <option value="test">冒险修炼</option>
                        </select>
                        <label>已托管宠物：</label>
                        <select name="alr-pet" id="alr-pet">
                            <option value="test">可托管宠物</option>
                            <option value="test">小玄武</option>
                            <option value="test">小玄武</option>
                            <option value="test">小玄武</option>
                            <option value="test">小玄武</option>
                        </select>
                    </form>
                </div>
                <div class="bottom2 fr">
                    <div class="trusteeship-img img">
                        <span>托管</span>
                    </div>
                    <div class="get-img img">
                        <span>取回</span>
                    </div>
                    <div class="info-img img">
                        <span>详情</span>
                    </div>
                    <div class="time-img img">
                        <span>加速</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="../js/city/pasture.js"></script>
</body>

</html>